<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>搜索</title>
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/form.css" />
    <link rel="stylesheet" type="text/css" href="./css/comm.css" />
    <link rel="stylesheet" type="text/css" href="./css/headersearch.css" />
    <link rel="stylesheet" type="text/css" href="./css/home_allnews_list.css" />
    <style type="text/css">
        /* html, body {
            background: #fff!important;
        } */
        .searchbox{
            width: 100%;
            float: right;
            padding: 0px!important;
            height: 2.25rem!important;
        }
        .aui-btn{
            background: #fff;
            color: #888;
            top:15px;
            /* font-weight: 600; */
        }
        .aui-btn .aui-iconfont{
            font-size: 1rem;
        }
        .aui-searchbar{
            height: 2rem;
            margin-top: 0.4rem;
        }
        .aui-searchbar-input-white{
            box-shadow: none;
        }
        .partbox{
            width: 100%;
            background: #fff;
            margin-top: 60px;
            overflow: hidden;
        }
        .partmaim{
            width: 94%;
            margin: 0 auto;
            overflow: hidden;
        }
        .part-item{
            width: 20%;
            float: left;
            text-align: center;
            margin-top: 10px;
            overflow: hidden;
        }
        .tupic{
            width:2.2rem;
            height: 2.2rem;
            border-radius: 19px;
            margin: 0 auto;
            background: #eee;
            overflow: hidden;
            text-align: center;
            line-height: 2.2rem;
        }
        .tupic img{
            width: 50%;
            margin: 0 auto;
            margin-top: 25%;
        }
        .item-test{
            font-size: 0.65rem;
            color: #999;
            height: 1.4rem;
            line-height: 1.4rem;
        }
        .part-title{
            width: 100%;
            height: 1.5rem;
            line-height: 1.5rem;
            text-align: center;
            margin-top: 30px;
            margin-bottom: 15px;
            font-size: 0.7rem;
            color:#ddd;
        }
        .resultbox{
            margin-top: 60px;
        }
        .mainbox{
            height: 88%;
            padding: 0px;
            margin-bottom: 20px;
            overflow-y: scroll;
        }
        .work_con_box_contain{
            width: 100%;
            background: #f8f8f8;
            border-radius: 8px;
            padding: 10px 13px;
            display: inline-flex;
            margin-bottom: 10px;

        }
        .pic-img{
            width: 18%;
            float: left;
        }
        .pic-img img{
            width: 2.1rem;
            height: 2.1rem;
            border-radius: 8px;
        }
        .marginheight{
            width: 80%;
            float: right;
            /* margin-left: 10px; */
        }
        .work_con_box_detail{
            /* width: 80%; */
            /* overflow: hidden; */
        }
        .work_con_box_detail .mingxi{
            width: 90%;
            float: left;
            padding-top: 2px;
            font-size: 0.6rem;
            color:#999;
        }
        .work_con_box_detail .moreicon{
            width: 10%;
            float: right;
            text-align: right;
            
        }
        .work_con_box_detail .moreicon i{
            font-size: 0.6rem;
            color: #bbb;
            position: relative;
            top: -1px;
        }
        .marginheight_title{
            width: 58%;
            float: left;
        }
        .timer{
            width: 40%;
            float: right;
            font-size: 0.6rem;
            color:#888;
            text-align: right;
        }
        .img-qs {
            filter: grayscale(100%);
            -webkit-filter: grayscale(100%);
            -moz-filter: grayscale(100%);
            -ms-filter: grayscale(100%);
            -o-filter: grayscale(100%);
            }
            .open_more{
                border-top: solid 0.5px #f5f5f5;
                margin-top: 10px;
                padding-top: 8px;
                color: #289fff;
                text-align: center;
            }
            .open_more i{
                margin-right: 5px;
                position: relative;
                top:1px;
            }
            .maskbg {
            background: rgba(0,0,0,.3);
            z-index: 9999998;
            position: fixed;
            top: 0;
            bottom: 0;
            width: 100%;
        }
        .choosebox {
            position: fixed;
            top: 22%;
            left: 0;
            right: 0;
            /* padding: 15px; */
            border-top: solid 1px #eee;
            margin-top: 5px;
            background: #fff;
            padding-bottom: 10px;
            z-index: 9999999;
            height: 50%;
            
            overflow-y:scroll;
        }
        .win92{
            height: 98%;
            overflow: hidden;
        }
        .workheader{
            height: 8%;
            /* background: #f00; */
            overflow: hidden;
            /* position: fixed;
            top: 0px; */
        }
        
    </style>
</head>

<body>
    <div id="app" class="aui-content aui-margin-b-15">
        <header class="aui-bar aui-bar-nav-bg topheader" id="aui-header" style="width:100%; margin:0 auto; min-height: 3rem; overflow: hidden;">
            <!-- <a class="aui-btn aui-pull-left" tapmode onclick="closeWin()" >
                <span class="aui-iconfont aui-icon-left"></span>
            </a> -->
            <!-- 搜索 -->
            <div class="searchbox">
                <div class="aui-searchbar" id="search">
                    <div class="aui-searchbar-input aui-searchbar-input-white aui-border-radius">
                        <i class="icon iconfont icon-sousuo1" ></i>
                        <input v-model="form.keywords" type="search" placeholder="搜索通知消息" id="search-input"> 
                        <div class="aui-searchbar-clear-btn" v-on:click="clear_searchVal()" style="top:12px">
                        <i class="icon iconfont icon-guanbi"></i>
                        </div>
                    </div>
                    <div class="aui-searchbar-btn" tapmode></div>
                </div>
            </div>
        </header>
        <!-- 搜索 -->
        <div class="resultbox">
            <!-- fmdkso    -->
            <div v-if="selectlist!=undefined&&selectlist.length>0" class=" boxarea" v-on:click="do_openDetail(item.ID)" style="width: 92%; float: left; margin-top: 20px; margin-left: 4%;" v-for="item in selectlist">
                <div class="work_con_box mainbox">
                    <div class="pic-img">
                        <img  src="../image/icon/tongzhi.png" >
                    </div>
                    <div class=" marginheight" >
                        <div class="work_con_box_right"> 
                            <div class="marginheight_title ellipsis_one">{{item.MsgTitle}}</div>
                            <div class="timer ellipsis_one">{{item.AddTime}}</div>
                        </div>
                        <div class="work_con_box_detail">
                            <div class="mingxi ellipsis_one">{{item.MsgSummary}}</div>
                            <div class="moreicon"><i class="icon iconfont icon-xiangyoujiantou" ></i></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="noinfo" id="noorder" v-if="selectlist!=undefined&&selectlist.length<=0">
                <img src="../image/index/noinfomsg_icon.png" alt="" />
                <h5><br />暂无相关信息</h5>
            </div>

        </div>


    </div>
    <div id="appupgrade">
    </div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/vue.js "></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="../script/aui-actionsheet.js"></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="js/home_newssousuo.js"></script>
<script type="text/javascript" src="../script/page/upgrade.js"></script>
</html>
